<template>
	<div class="container">
		<div>
			<h1>进行专业能力测试？</h1>
		</div>
		<div>
			<el-button @click="goquiz">进入答题</el-button>
		</div>
	</div>
</template>

<script setup lang="ts">
import router from '@/router'

function goquiz() {
	router.push('/writtenTest')
}
</script>

<style scoped>
.container {
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	margin:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
h1 {
	font-size: 50px;
	color: #475669;
	opacity: 0.75;
	line-height: 300px;
	margin: 0;
	width: 100%;
	text-align: center;
}
.el-button{
	width: 100px;
	height: 40px;
}
</style>
